<template>
	<view class="shop-content">
		
		<!-- <view class="status_bar">
		</view> -->
		
		<view class="banner">
			<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000":circular="true">
				<swiper-item v-for="item in banner" :key="item.id">
					<view class="swiper-item">
						<image :src="item.imgUrl" mode="aspectFill"></image> 
					</view>
				</swiper-item>
				
			</swiper>
			
			<!-- search -->
			<view class="search">
				<view class="search-icon">
					<image src="/static/index/search.png" mode="aspectFill"></image>
				</view>
				<view class="search-input">
					<input type="text" placeholder="一起买好物品"/>
				</view>
				
			</view>
		</view>
		
		<!-- menu -->
		<view class="menu">
			<my-menu :list="menuList"></my-menu>
		</view>
		
		<!-- 超市抢购 -->
		<view class="rush-buy">
			<view class="rush-buy-title">
				<text class="rush-buy-title-first">超值抢购</text>
				<text class="rush-buy-title-second">拼手速抢惊喜</text>
			</view>
			
			<!-- 秒杀时间 -->
			<view class="rush-buy-time-btn-container">
				
				<view class="rush-buy-time-btn active">16:00</view>
				<view class="rush-buy-time-btn ">18:00</view>
				<view class="rush-buy-time-btn ">20:00</view>
				<view class="rush-buy-time-btn ">22:00</view>
			</view>
			
			<!-- 秒杀的商品 -->
			<view class="rush-buy-commodity-container">
				<scroll-view :scroll-x="true" class="rush-buy-commodity-inner-container">
					
					<view class="rush-buy-commodity">
						<view class="rush-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
						</view>
						
						<view class="rush-buy-commodity-describe">
							古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
						</view>
						
						<view class="rush-buy-commodity-bottom">
							<view class="rush-buy-commodity-bottom-price">
								<view class="rush-buy-commodity-bottom-price-top">
									
									<span>￥1299</span>
								</view>
								
								<view class="rush-buy-commodity-bottom-price-bottom">
									<span>￥</span>
									<span>969</span>
								</view>
							</view>
							<view class="rush-buy-commodity-bottom-car">
								
								<image src="../../../static/shop/cart.png" mode=""></image>
							</view>
						</view>
						
						
					</view>
					
					<view class="rush-buy-commodity">
						<view class="rush-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
						</view>
						
						<view class="rush-buy-commodity-describe">
							古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
						</view>
						
						<view class="rush-buy-commodity-bottom">
							<view class="rush-buy-commodity-bottom-price">
								<view class="rush-buy-commodity-bottom-price-top">
									
									<span>￥1299</span>
								</view>
								
								<view class="rush-buy-commodity-bottom-price-bottom">
									<span>￥</span>
									<span>969</span>
								</view>
							</view>
							<view class="rush-buy-commodity-bottom-car">
								
								<image src="../../../static/shop/cart.png" mode=""></image>
							</view>
						</view>
						
						
					</view>
					
					<view class="rush-buy-commodity">
						<view class="rush-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
						</view>
						
						<view class="rush-buy-commodity-describe">
							古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
						</view>
						
						<view class="rush-buy-commodity-bottom">
							<view class="rush-buy-commodity-bottom-price">
								<view class="rush-buy-commodity-bottom-price-top">
									
									<span>￥1299</span>
								</view>
								
								<view class="rush-buy-commodity-bottom-price-bottom">
									<span>￥</span>
									<span>969</span>
								</view>
							</view>
							<view class="rush-buy-commodity-bottom-car">
								
								<image src="../../../static/shop/cart.png" mode=""></image>
							</view>
						</view>
						
						
					</view>
					
					<view class="rush-buy-commodity">
						<view class="rush-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
						</view>
						
						<view class="rush-buy-commodity-describe">
							古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
						</view>
						
						<view class="rush-buy-commodity-bottom">
							<view class="rush-buy-commodity-bottom-price">
								<view class="rush-buy-commodity-bottom-price-top">
									
									<span>￥1299</span>
								</view>
								
								<view class="rush-buy-commodity-bottom-price-bottom">
									<span>￥</span>
									<span>969</span>
								</view>
							</view>
							<view class="rush-buy-commodity-bottom-car">
								
								<image src="../../../static/shop/cart.png" mode=""></image>
							</view>
						</view>
						
						
					</view>
					
					<view class="rush-buy-commodity">
						<view class="rush-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
						</view>
						
						<view class="rush-buy-commodity-describe">
							古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
						</view>
						
						<view class="rush-buy-commodity-bottom">
							<view class="rush-buy-commodity-bottom-price">
								<view class="rush-buy-commodity-bottom-price-top">
									
									<span>￥1299</span>
								</view>
								
								<view class="rush-buy-commodity-bottom-price-bottom">
									<span>￥</span>
									<span>969</span>
								</view>
							</view>
							<view class="rush-buy-commodity-bottom-car">
								
								<image src="../../../static/shop/cart.png" mode=""></image>
							</view>
						</view>
						
						
					</view>
					
					<view class="rush-buy-commodity">
						<view class="rush-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
						</view>
						
						<view class="rush-buy-commodity-describe">
							古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
						</view>
						
						<view class="rush-buy-commodity-bottom">
							<view class="rush-buy-commodity-bottom-price">
								<view class="rush-buy-commodity-bottom-price-top">
									
									<span>￥1299</span>
								</view>
								
								<view class="rush-buy-commodity-bottom-price-bottom">
									<span>￥</span>
									<span>969</span>
								</view>
							</view>
							<view class="rush-buy-commodity-bottom-car">
								
								<image src="../../../static/shop/cart.png" mode=""></image>
							</view>
						</view>
						
						
					</view>
					<view class="rush-buy-commodity">
						<view class="rush-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
						</view>
						
						<view class="rush-buy-commodity-describe">
							古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
						</view>
						
						<view class="rush-buy-commodity-bottom">
							<view class="rush-buy-commodity-bottom-price">
								<view class="rush-buy-commodity-bottom-price-top">
									
									<span>￥1299</span>
								</view>
								
								<view class="rush-buy-commodity-bottom-price-bottom">
									<span>￥</span>
									<span>969</span>
								</view>
							</view>
							<view class="rush-buy-commodity-bottom-car">
								
								<image src="../../../static/shop/cart.png" mode=""></image>
							</view>
						</view>
						
						
					</view>
					<view class="rush-buy-commodity">
						<view class="rush-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
						</view>
						
						<view class="rush-buy-commodity-describe">
							古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
						</view>
						
						<view class="rush-buy-commodity-bottom">
							<view class="rush-buy-commodity-bottom-price">
								<view class="rush-buy-commodity-bottom-price-top">
									
									<span>￥1299</span>
								</view>
								
								<view class="rush-buy-commodity-bottom-price-bottom">
									<span>￥</span>
									<span>969</span>
								</view>
							</view>
							<view class="rush-buy-commodity-bottom-car">
								
								<image src="../../../static/shop/cart.png" mode=""></image>
							</view>
						</view>
						
						
					</view>
					<view class="rush-buy-commodity">
						<view class="rush-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
						</view>
						
						<view class="rush-buy-commodity-describe">
							古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
						</view>
						
						<view class="rush-buy-commodity-bottom">
							<view class="rush-buy-commodity-bottom-price">
								<view class="rush-buy-commodity-bottom-price-top">
									
									<span>￥1299</span>
								</view>
								
								<view class="rush-buy-commodity-bottom-price-bottom">
									<span>￥</span>
									<span>969</span>
								</view>
							</view>
							<view class="rush-buy-commodity-bottom-car">
								
								<image src="../../../static/shop/cart.png" mode=""></image>
							</view>
						</view>
						
						
					</view>
					<view class="rush-buy-commodity">
						<view class="rush-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
						</view>
						
						<view class="rush-buy-commodity-describe">
							古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
						</view>
						
						<view class="rush-buy-commodity-bottom">
							<view class="rush-buy-commodity-bottom-price">
								<view class="rush-buy-commodity-bottom-price-top">
									
									<span>￥1299</span>
								</view>
								
								<view class="rush-buy-commodity-bottom-price-bottom">
									<span>￥</span>
									<span>969</span>
								</view>
							</view>
							<view class="rush-buy-commodity-bottom-car">
								
								<image src="/static/shop/cart.png" mode=""></image>
							</view>
						</view>
						
						 
					</view>
					<!-- 查看更多 -->
					<view class="rush-buy-commodity-special">
						查看更多
					</view>
					
				
					
				</scroll-view>
			</view>
		</view>
	
		<!-- 为你推荐 -->
		<view class="recommend-buy">
			<view class="recommend-buy-title">
				<text class="recommend-buy-title-first">为你推荐</text>
				<text class="recommend-buy-title-second">逛一逛</text>
			</view>
			
			<!-- 分类组件 -->
			<scroll-view :scroll-x="true" class="recommend-buy-categories">
				<view class="recommend-buy-category category-active">
					<text>超市精选</text>
				</view>
				<view class="recommend-buy-category">
					<text>新品推荐</text>
				</view>
				<view class="recommend-buy-category">
					<text>玩具乐器</text>
				</view>
				<view class="recommend-buy-category">
					<text>文创产品</text>
				</view>
				<view class="recommend-buy-category">
					<text>超市精选</text>
				</view>
				<view class="recommend-buy-category">
					<text>超市精选</text>
				</view>
			</scroll-view>
			
			<!-- 对应分类推荐地商品展示 -->
			<view class="recommend-buy-commodity-container">
				<view class="recommend-buy-commdity" >
					<view class="recommend-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
					</view>
					
					<view class="recommend-buy-commodity-describe">
						古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
					</view>
					
					<view class="recommend-buy-commodity-bottom">
						<view class="recommend-buy-commodity-bottom-price">
							<view class="recommend-buy-commodity-bottom-price-top">
								
								<span>￥1299</span>
							</view>
							
							<view class="recommend-buy-commodity-bottom-price-bottom">
								<span>￥</span>
								<span>969</span>
							</view>
						</view>
						<view class="recommend-buy-commodity-bottom-car">
							
							<image src="/static/shop/cart.png" mode=""></image>
						</view>
					</view>
				</view>
				
				<view class="recommend-buy-commdity" >
					<view class="recommend-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'https://m.360buyimg.com/n1/s333x333_jfs/t1/163795/35/11369/149540/6049958aE63f7efb0/21e0c06371b90dd1.jpg.dpg!q70.webp' + ')', backgroundSize:'100% 100%'}">
					</view>
					
					<view class="recommend-buy-commodity-describe">
						古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
					</view>
					
					<view class="recommend-buy-commodity-bottom">
						<view class="recommend-buy-commodity-bottom-price">
							<view class="recommend-buy-commodity-bottom-price-top">
								
								<span>￥1299</span>
							</view>
							
							<view class="recommend-buy-commodity-bottom-price-bottom">
								<span>￥</span>
								<span>969</span>
							</view>
						</view>
						<view class="recommend-buy-commodity-bottom-car">
							
							<image src="/static/shop/cart.png" mode=""></image>
						</view>
					</view>
				</view>
				
				<view class="recommend-buy-commdity" >
					<view class="recommend-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
					</view>
					
					<view class="recommend-buy-commodity-describe">
						古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
					</view>
					
					<view class="recommend-buy-commodity-bottom">
						<view class="recommend-buy-commodity-bottom-price">
							<view class="recommend-buy-commodity-bottom-price-top">
								
								<span>￥1299</span>
							</view>
							
							<view class="recommend-buy-commodity-bottom-price-bottom">
								<span>￥</span>
								<span>969</span>
							</view>
						</view>
						<view class="recommend-buy-commodity-bottom-car">
							
							<image src="/static/shop/cart.png" mode=""></image>
						</view>
					</view>
				</view>
				
				<view class="recommend-buy-commdity" >
					<view class="recommend-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
					</view>
					
					<view class="recommend-buy-commodity-describe">
						古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
					</view>
					
					<view class="recommend-buy-commodity-bottom">
						<view class="recommend-buy-commodity-bottom-price">
							<view class="recommend-buy-commodity-bottom-price-top">
								
								<span>￥1299</span>
							</view>
							
							<view class="recommend-buy-commodity-bottom-price-bottom">
								<span>￥</span>
								<span>969</span>
							</view>
						</view>
						<view class="recommend-buy-commodity-bottom-car">
							
							<image src="/static/shop/cart.png" mode=""></image>
						</view>
					</view>
				</view>
				
				<view class="recommend-buy-commdity" >
					<view class="recommend-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'http://m.360buyimg.com/babel/jfs/t1/126468/16/3520/695429/5ed3b56fEb355a7a7/8583a59a62a74664.png!q70.webp' + ')', backgroundSize:'100% 100%'}">
					</view>
					
					<view class="recommend-buy-commodity-describe">
						古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
					</view>
					
					<view class="recommend-buy-commodity-bottom">
						<view class="recommend-buy-commodity-bottom-price">
							<view class="recommend-buy-commodity-bottom-price-top">
								
								<span>￥1299</span>
							</view>
							
							<view class="recommend-buy-commodity-bottom-price-bottom">
								<span>￥</span>
								<span>969</span>
							</view>
						</view>
						<view class="recommend-buy-commodity-bottom-car">
							
							<image src="/static/shop/cart.png" mode=""></image>
						</view>
					</view>
				</view>
				
				<view class="recommend-buy-commdity" >
					<view class="recommend-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'https://m.360buyimg.com/n1/s333x333_jfs/t1/163795/35/11369/149540/6049958aE63f7efb0/21e0c06371b90dd1.jpg.dpg!q70.webp' + ')', backgroundSize:'100% 100%'}">
					</view>
					
					<view class="recommend-buy-commodity-describe">
						古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
					</view>
					
					<view class="recommend-buy-commodity-bottom">
						<view class="recommend-buy-commodity-bottom-price">
							<view class="recommend-buy-commodity-bottom-price-top">
								
								<span>￥1299</span>
							</view>
							
							<view class="recommend-buy-commodity-bottom-price-bottom">
								<span>￥</span>
								<span>969</span>
							</view>
						</view>
						<view class="recommend-buy-commodity-bottom-car">
							
							<image src="/static/shop/cart.png" mode=""></image>
						</view>
					</view>
				</view>
				
				<view class="recommend-buy-commdity" >
					<view class="recommend-buy-commodity-pic" :style="{backgroundImage: 'url(' + 'https://m.360buyimg.com/n1/s333x333_jfs/t1/163795/35/11369/149540/6049958aE63f7efb0/21e0c06371b90dd1.jpg.dpg!q70.webp' + ')', backgroundSize:'100% 100%'}">
					</view>
					
					<view class="recommend-buy-commodity-describe">
						古井贡酒 年份原浆 古5 50度 500ml*6瓶 整箱装白酒 口感浓香型 高度酒（新老包装随机发货）
					</view>
					
					<view class="recommend-buy-commodity-bottom">
						<view class="recommend-buy-commodity-bottom-price">
							<view class="recommend-buy-commodity-bottom-price-top">
								
								<span>￥1299</span>
							</view>
							
							<view class="recommend-buy-commodity-bottom-price-bottom">
								<span>￥</span>
								<span>969</span>
							</view>
						</view>
						<view class="recommend-buy-commodity-bottom-car">
							
							<image src="/static/shop/cart.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			
		</view>
		
		
	</view>
</template>

<script>
	import MyMenu from '@/components/mymenu.vue'
	export default {
		components:{
			MyMenu
		},
		data() {
			return {
				banner: [
					{
						id: 1,
						imgUrl: 'https://m.360buyimg.com/babel/jfs/t1/213586/38/1799/226673/61764260Ee9552fe6/6eb64efedaed99dd.jpg!q70.webp',
					},
					{
						id: 2,
						imgUrl: 'https://m.360buyimg.com/babel/jfs/t1/168188/21/26548/192899/616e6e0eE97b1a9ba/44094925986c0e25.jpg!q70.webp',
					}
				],
				menuList: [
					{
						url: '',
						imageSrc: '/static/tabbar/hotel-active.png',
						text: '酒店',
					},
					{
						url: '',
						imageSrc: '/static/index/wenx.png',
						text: '文创',
					},
					{
						url: '',
						imageSrc: '/static/index/trale.png',
						text: '旅游'
					},
					{
						url: '/pages/shop/shop',
						imageSrc: '/static/tabbar/shop-active.png',
						text: '旅行超市'
					},
					{
						url: '',
						imageSrc: '/static/tabbar/hotel-active.png',
						text: '酒店',
					},
					{
						url: '',
						imageSrc: '/static/index/wenx.png',
						text: '文创',
					},
					{
						url: '',
						imageSrc: '/static/index/trale.png',
						text: '旅游'
					},
					{
						url: '/pages/shop/shop',
						imageSrc: '/static/tabbar/shop-active.png',
						text: '旅行超市'
					},
					{
						url: '',
						imageSrc: '/static/tabbar/hotel-active.png',
						text: '酒店',
					},
					{
						url: '',
						imageSrc: '/static/index/wenx.png',
						text: '文创',
					},
					{
						url: '',
						imageSrc: '/static/index/trale.png',
						text: '旅游'
					},
					{
						url: '/pages/shop/shop',
						imageSrc: '/static/tabbar/shop-active.png',
						text: '旅行超市'
					},
					{
						url: '',
						imageSrc: '/static/tabbar/hotel-active.png',
						text: '酒店',
					},
					{
						url: '',
						imageSrc: '/static/index/wenx.png',
						text: '文创',
					},
					{
						url: '',
						imageSrc: '/static/index/trale.png',
						text: '旅游'
					},
					{
						url: '/pages/shop/shop',
						imageSrc: '/static/tabbar/shop-active.png',
						text: '旅行超市'
					},
					{
						url: '',
						imageSrc: '/static/tabbar/hotel-active.png',
						text: '酒店',
					},
					{
						url: '',
						imageSrc: '/static/index/wenx.png',
						text: '文创',
					},
					{
						url: '',
						imageSrc: '/static/index/trale.png',
						text: '旅游'
					},
					{
						url: '/pages/shop/shop',
						imageSrc: '/static/tabbar/shop-active.png',
						text: '旅行超市'
					},
					{
						url: '',
						imageSrc: '/static/tabbar/hotel-active.png',
						text: '酒店',
					},
					{
						url: '',
						imageSrc: '/static/index/wenx.png',
						text: '文创',
					},
					{
						url: '',
						imageSrc: '/static/index/trale.png',
						text: '旅游'
					},
					{
						url: '/pages/shop/shop',
						imageSrc: '/static/tabbar/shop-active.png',
						text: '旅行超市'
					}
				],
			}
		}
	}
</script>

<style lang="scss">
	.shop-content {
		width: 750rpx;
		// 防止被自定义tabbar挡住
		padding-bottom: 100rpx;
		// banner
		.banner {
			width: 100%;
			position: relative;
			swiper {
				width: 100%;
				height: 400rpx;
				.swiper-item {
					width: 100%;
					height: 100%	;
					image {
						width: 100%;
						height: 100%;
					}
				}
			}
			.search {
				position: absolute;
				display: flex;
				width: 80%;
				height: 60rpx;
				background-color: #FFFFFF;
				top: 30rpx;
				left: 7.5%;
				display: flex;
				align-items: center;
				padding: 0 20rpx;
				
				border-radius: 35rpx;
				.search-icon {
					
					width: 45rpx;
					height: 45rpx;
					
					image {
						width: 100%;
						height: 100%;
					}
				}
			}
		}
		// 菜单
		.menu {
			width: 100%;
			margin-top: 40rpx;
		}
		// 超市抢购
		.rush-buy {
			margin-top: 20rpx;
			width: 100%;
			background-color: #FFFFFF;
			
			.rush-buy-title {
				margin: 0 30rpx;
				display: flex;
				align-items: center;
				.rush-buy-title-first {
					padding: 0 10rpx;
					font-size: 35rpx;
					font-weight: 700;
					
				}
				
				.rush-buy-title-second {
					padding: 0 10rpx;
					color: #c3c3c3;
					font-size: 20rpx;
					border-left: 2rpx solid #c3c3c3;
					
				}
			}
			
			.rush-buy-time-btn-container {
				margin: 0 30rpx;
				margin-top: 10rpx;
				display: flex;
				align-items: center;
				justify-content: space-around;
				.rush-buy-time-btn {
					width: 150rpx;
					height: 50rpx;
					text-align: center;
					line-height: 50rpx;
					background-color: #f6f6f6;
					border-radius: 50rpx;
				}
				
				.active {
					background-color: #4ad294;
					color: #FFFFFF;
				}
				
			}
			
			
			.rush-buy-commodity-container {
				margin-top: 10rpx;
				
				.rush-buy-commodity-inner-container {
					// 规定段落中的文本不进行换行
					white-space: nowrap;
					width: 100%;
					height: 400rpx;  
					.rush-buy-commodity {
						width: 220rpx;
						height: 100%;
						display: inline-block;
						padding-left: 30rpx;
						// 基线对其
						vertical-align: top;
						
						.rush-buy-commodity-pic {
							width: 100%;
							height: 60%;
							image {
								width: 100%;
								height: 100%;
							}
						}
						
						.rush-buy-commodity-describe {
							
							width: 100%;
							height: 10%;
							overflow: hidden;
							text-overflow: ellipsis;
							font-size: 24.5rpx;
							color: #5e5e5e;
						}
						
						.rush-buy-commodity-bottom {
							// width: 100%;
							height: 20%;
							// display: flex;
							
							.rush-buy-commodity-bottom-price {
								float: left;
								
								.rush-buy-commodity-bottom-price-top {
									font-size: 24rpx;
									text-decoration: line-through;
								}
								
								.rush-buy-commodity-bottom-price-bottom {
									
									
									span {
										font-size: 40rpx;
										font-weight: 700;
									}
									span:nth-child(1) {
										font-size: 24rpx;
									}
								}
							}
							
							.rush-buy-commodity-bottom-car {
								float: right;
								width: 50rpx;
								height: 50rpx;
								background-color: #4CD964;
								border-radius: 25rpx;
								margin-top: 40rpx;
								
								display: flex;
								align-items: center;
								justify-content: center;
								image {
									
									width: 35rpx;
									height: 35rpx;
								}
							}
						}
					
						
					}
					
					.rush-buy-commodity-special {
						display: inline-block;
						// height: 100%;
						margin-top: 180rpx;
						margin-left: 30rpx;
						
						font-weight: 700;	
					}
				}
			}
		}
	
		// 推荐
		.recommend-buy {
			width: 100%;
			margin-top: 20rpx;
			
			background-color: #FFFFFF;
			
			.recommend-buy-title {
				margin: 0 30rpx;
				display: flex;
				align-items: center;
				.recommend-buy-title-first {
					padding: 0 10rpx;
					font-size: 35rpx;
					font-weight: 700;
					
				}
				
				.recommend-buy-title-second {
					padding: 0 10rpx;
					color: #c3c3c3;
					font-size: 20rpx;
					border-left: 2rpx solid #c3c3c3;
					
				}
			}
			// 推荐分类
			.recommend-buy-categories {
				white-space: nowrap;
				width: 100%;
				height: 100rpx;
				
				.recommend-buy-category {
					display: inline-flex;
					width: 180rpx;
					justify-content: center;
					
					line-height: 100rpx;
					
					 font-size: 30rpx;
					
				}
				.category-active {
					color: #4ad294;
				}
				
			}
			
			// 推荐对应产品
			.recommend-buy-commodity-container {
				margin: 0 10rpx;
				margin-top: 20rpx;
				background-color: #FFFFFF;
				
				display: flex;
				flex-wrap: wrap;
				
				.recommend-buy-commdity {
					width: 30%;
					height: 400rpx;
					margin: 0 12.1rpx; 
					// background-color: #4CD964;
					// display: inline-block;
					// padding-left: 30rpx;
					// 基线对其
					// vertical-align: top;
					
					
					.recommend-buy-commodity-pic {
						width: 100%;
						height: 60%;
						image {
							width: 100%;
							height: 100%;
						}
					}
					
					.recommend-buy-commodity-describe {
						
						width: 100%;
						height: 10%;
						overflow: hidden;
						text-overflow: ellipsis;
						font-size: 24.5rpx;
						color: #5e5e5e;
					}
					
					.recommend-buy-commodity-bottom {
						// width: 100%;
						height: 20%;
						// display: flex;
						
						.recommend-buy-commodity-bottom-price {
							float: left;
							
							.recommend-buy-commodity-bottom-price-top {
								font-size: 24rpx;
								text-decoration: line-through;
							}
							
							.recommend-buy-commodity-bottom-price-bottom {
								
								
								span {
									font-size: 40rpx;
									font-weight: 700;
								}
								span:nth-child(1) {
									font-size: 24rpx;
								}
							}
						}
						
						.recommend-buy-commodity-bottom-car {
							float: right;
							width: 50rpx;
							height: 50rpx;
							background-color: #4CD964;
							border-radius: 25rpx;
							margin-top: 40rpx;
							
							display: flex;
							align-items: center;
							justify-content: center;
							image {
								
								width: 35rpx;
								height: 35rpx;
							}
						}
					}
				
					
				}
			}
		}
	}
</style>
